<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title><?= $this->title ?></title>
        <link rel="stylesheet" type="text/css" href="/css/fluid960/reset.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="/css/fluid960/text.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="/css/fluid960/grid.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="/css/fluid960/layout.css" media="screen" />

        <link rel="stylesheet" type="text/css" href="/css/fluid960/nav.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="/css/style.css" media="screen" />
        <!--[if IE 6]><link rel="stylesheet" type="text/css" href="/css/fluid960/ie6.css" media="screen" /><![endif]-->
        <!--[if IE 7]><link rel="stylesheet" type="text/css" href="/css/fluid960/ie.css" media="screen" /><![endif]-->
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.js"></script>
        <script type="text/javascript" src="/js/fluid960/jquery-fluid16.js"></script>
    </head>
    <body>
        <div class="container_16">
            <div class="grid_8">
                <h1 id="branding">
                    <a href="/"><?= $this->logo ?></a>
                </h1>
            </div>
            <div class='grid_8'>
                <?
                   $profile = $this->profileLink();
                   if ($this->isAdmin){
                       $profile .= " | <a href='/admin'>Admin</a>";
                   }
                   echo $profile;
                ?>                
            </div>
            <div class="clear"></div>
            <div class="grid_16">
                <ul class="nav main">
                    <li>
                        <a href="/">Главная</a>						
                    </li>					
                    <li class="secondary">
                        <a href="#" title="прикольная ссылка не буду удалять пока">прикольная ссылка не буду удалять пока</a>
                    </li>
                </ul>

            </div>
            <div class="clear"></div>
            <div class="grid_16">
                <h2 id="page-heading"><?= $this->infoPage ?>
                       <? if($this->isAdmin){                           
                          echo $this->editPageLink($this->pageId);
                       }?>
                </h2>
            </div>
            <div class="clear"></div>									
            <div class="grid_8" id="leftside">
                <div class="box">
                    <h2>
                        <a href="#" id="toggle-left">Левая часть сайта</a>
                    </h2>
                    <div class="block" id="left">
                        <p><?=$this->textleft?></p>
                    </div>
                </div>	
            </div>
            <div class="grid_8" id="rightside">
                <div class="box">
                    <h2>
                        <a href="#" id="toggle-right">Правая часть сайта</a>
                    </h2>
                    <div class="block" id="right">
                        <div id="accordion">

                            <h3 class="toggler atStart">Design Process</h3>
                            <div class="element atStart">
                                <?php echo $this->textright ?>
                                <h4>The Value of Design</h4>
                                <p>Design is based on the inspiration of past accomplishments. On that foundation, we can build upon those achievements to shape the future. Design is about life — past, present and future — and the learning process that happens between birth and death. It is about community and shared knowledge and experience. It is the passion to build on what we've learned to create something better.</p>
                            </div>

                            <h3 class="toggler atStart">Design Influences</h3>
                            <div class="element atStart">
                                <h4>About this Site</h4>
                                <p>The words "design influences" can be understood as both a plural noun and as subject and verb. The plural noun speaks of those who have come before us and paved the way. The verb speaks of the responsibility of design to lead the way. By understanding where we have come from, we have a better idea of where we are going and, perhaps, where we should be heading.</p>
                            </div>
                            <h3 class="toggler atStart">Inspiration</h3>
                            <div class="element atStart">

                                <h4>Inspired by the Past</h4>
                                <p>I have been inspired by the work of many who have pioneered advances in Web Standards, including 
                                    <a href="http://www.31three.com/" title="www.31three.com">Jesse Bennett-Chamberlain</a>, 
                                    <a href="http://www.stopdesign.com/" title="www.stopdesign.com">Douglas Bowman</a>, 
                                    <a href="http://www.chaoticpattern.com/" title="www.chaoticpattern.com">Allen Chang</a>, 
                                    <a href="http://www.stuffandnonsense.co.uk/" title="www.stuffandnonsense.co.uk">Andy Clarke</a>, 
                                    <a href="http://www.hicksdesign.co.uk/" title="www.hicksdesign.co.uk">Jon Hicks</a>, 
                                    <a href="http://www.shauninman.com/" title="www.shauninman.com">Shaun Inman</a>, 
                                    <a href="http://www.cameronmoll.com/" title="www.cameronmoll.com">Cameron Moll</a>, 
                                    <a href="http://veerle.duoh.com/" title="veerle.duoh.com">Veerle Pieters</a>, 
                                    <a href="http://www.jasonsantamaria.com/" title="www.jasonsantamaria.com">Jason Santa Maria</a>, 
                                    <a href="http://www.mezzoblue.com/" title="www.mezzoblue.com">Dave Shea</a>, 
                                    <a href="http://www.thebignoob.com/" title="www.thebignoob.com">Ryan Sims</a>, 
                                    <a href="http://www.sonspring.com/" title="www.sonspring.com">Nathan Smith</a>, and 
                                    <a href="http://www.zeldman.com/" title="www.zeldman.com">Jeffrey Zeldman</a>, 
						to name a few. Thank you for inspiring <a href="http://www.domain7.com/WhoWeAre/StephenBau.html" title="Stephen Bau, Designer, Domain7">me</a> to give something back.</p>

                            </div>
                            <h3 class="toggler atStart">Contribution</h3>
                            <div class="element atStart">
                                <h4>Shaping the Future</h4>
                                <p>The <a href="/fluid960gs/">Fluid 960 Grid System</a> templates have been built upon the work of Nathan Smith and his <a href="http://960.gs/">960 Grid System</a> using effects from the <a href="http://www.mootools.net/">Mootools</a> JavaScript library. The idea for building these templates was inspired by Andy Clarke, author of <a href="http://www.transcendingcss.com/">Transcending CSS</a>, who advocates a content-out approach to rapid interactive prototyping, crediting Jason Santa Maria with the <a href="http://www.jasonsantamaria.com/archive/2004/05/24/grey_box_method.php">grey box method</a>.</p>

                            </div>
                        </div>
                    </div>
                </div>                    
            </div>
            <div class="clear"></div>
            <div class='grid_16'><?=$this->layout()->content?></div>
            <div class="clear"></div>
            <div class="grid_16" id="site_info">
                <div class="box">

                    <p>Fluid 960 Grid System, created by <a href="http://www.domain7.com/WhoWeAre/StephenBau.html">Stephen Bau</a>, based on the <a href="http://960.gs/">960 Grid System</a> by <a href="http://sonspring.com/journal/960-grid-system">Nathan Smith</a>. Released under the 
                        <a href="../../../licenses/GPL_license.txt">GPL</a> / <a href="../../../licenses/MIT_license.txt">MIT</a> <a href="../../../README.txt">Licenses</a>.
                    </p>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </body>
</html>
